
<template>
    <div>
        <p style="font-size:12px;" v-if="!data.length">暂无数据</p>
        <p style="font-size:12px;" v-else><a @click="isShow=true">查看数据, 共{{data.length}}条</a></p>
        <Modal
            v-model="isShow"
            :title="title">
            <Table :columns="columns" :data="data"></Table>
            <div slot="footer">
                <Button type="info" @click="close">关闭</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    export default {
        name: 'modalTable',
        props: {
            columns: Array,
            data: Array,
            title: String
        },
        data () {
            return {
                isShow: false
            };
        },
        methods: {
            close () {
                this.isShow = false;
            }
        }
    }
</script>
